<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>咖啡券</title>
    <link rel="stylesheet" href="../assets/css/jquery.mobile-1.4.5.min.css">
    <script src="../assets/js/jquery-1.11.1.min.js"></script>
    <script src="../assets/js/jquery.mobile-1.4.5.min.js"></script>
    <script>
        setTimeout('showLoader()', 100);//这里要延迟一下，直接调用无法显示加载器
        //显示加载器.for jQuery Mobile 1.2.0
        function showLoader() {
            $.mobile.loading('show', {
                text: '正在加载中...', //加载器中显示的文字
                textVisible: true, //是否显示文字
                theme: 'a',        //加载器主题样式a-e
                textonly: false,   //是否只显示文字
                html: ""           //要显示的html内容，如图片等
            });
        }
        //隐藏加载器.for jQuery Mobile 1.2.0
        function hideLoader() {
            $.mobile.loading('hide');
        }
        window.onload = function () {
            hideLoader();
            setTimeout('hideLoader()', 800);//延迟5秒，模拟图片和多媒体加载耗时
        }
        $(document).ready(function () {
            //setTimeout('hideLoader()', 5000);//延迟5秒，模拟页面请求数据耗时，ajax异步请求等放在这里
        })
    </script>
    <link rel="stylesheet" href="../css/my_share_coupon.css">
    <link rel="stylesheet" href="../common/common.css">
    <!--<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>  &lt;!&ndash;微信js接口引入&ndash;&gt;-->

    <script src="../assets/js/jweixin-1.2.0.js"></script>  <!--微信js接口引入-->
    <script src="../common/sprintf.js"></script>
    <script src="../common/underscore-min.js"></script>
    <script src="../config.js"></script>
</head>
<body>
</div>
<div data-role="page" class="page">
    <div data-role="header" class="header">
        <div class="banner">
            <div id="edit_data" class="edit-data">
                <span>使用规则</span> <img src="../assets/img/ico_rule.png" alt="网络故障">
            </div>
        </div>
    </div>
    <div class="clear"></div>
    <div data-role="content" class="content" id="share_coupon_content">
        <div class="none-coupon-display">
            <div class="none-coupon-img"><img src="../assets/img/defalt_coupon.png" alt=""></div>
            <div class="defalt-describe">没人请，不开心</div>
            <div class="operate">
                <div class="tobuy-coffee tobuy">
                    <button type="button" id="buy_coffee" class="buy_coffee">自己去买咖啡</button>
                </div><div class="tobuy-coffee totreat">
                    <button type="button" id="treat" class="buy_coffee">我请朋友喝咖啡</button>
                </div>
            </div>
        </div>
        <div class="coupon-item" coupon-no="123456" privilege="2" style="display:none;">
            <img class="coupon-img" src="../assets/img/share_coupon.png" alt="图片加载错误">
            <div class="product-info">
                <div class="coupon-categ">
                    <div class="coupon-title">卡布奇诺</div>
                    <div class="coupon-date">分享时间:<sapn id="dead_line">2017-08-02</sapn></div>
                    <div class="coupon-date">有效期至:<sapn id="dead_line">2017-08-02</sapn></div>
                </div>
            </div>
            <div class="product-num">
                <div class="coupon-price"><p class="privilige">1杯</p></div>
            </div>
        </div>
    </div>
</div>
<script src="../assets/js/fontAdjust.js"></script>
<script src="../js/my_share_coupon.js"></script>
</body>
</html>